<template>
  <div id="basicLayout">
    <a-layout style="position: relative; padding-bottom: 70px">
      <div class="header">
        <global-header style="box-shadow: 0px 2px 0px 0px #696969" />
      </div>
      <div class="content">
        <router-view />
      </div>
      <div class="footer">
        <a-button
          status="success"
          type="primary"
          href="https://gitee.com/lkzy233/lkzy-oj"
          target="_blank"
          >项目仓库
        </a-button>
      </div>
    </a-layout>
  </div>
</template>

<script setup lang="ts">
import GlobalHeader from "@/layouts/GlobalHeader.vue";
</script>
<style scoped>
.header {
  padding: 5px 10px;
}

.content {
  padding: 10px;
}

.footer {
  border-top: 2px solid #696969;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  height: 70px;
  padding: 5px 10px;
  width: 100%;
}
</style>
